.app-icon {
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

@each $i in 16, 20 {
  .app-icon-#{$i} {
    height: #{$i}px;
    width: #{$i}px;
    background-size: #{$i}px;
  }
}

@for $i from 0 through 4 {
  .app-icon-file-#{$i} {
    width: 26px;
    height: 31px;
    background: url("../assets/icons/fileicon/file_type_#{$i}.png") no-repeat;
  }
}

.app-icon-file {
  height: 35px;
  width: 27px;
  background: url("../assets/icons/fileicon/icon_file.png") no-repeat;
}

.app-icon-folder {
  height: 26px;
  width: 27px;
  background: url("../assets/icons/fileicon/icon_folder.png") no-repeat;
}